.pagination {
  display: flex;
  flex-direction: column;

  padding: 1em 0;
  border: none;

  --ifm-pagination-nav-border-radius: 0;
}

/* Main class for sublabel, used by Docusaurus. */
[class*='pagination-nav__sublabel'] {
  margin-bottom: 0;
  color: var(--swm-paginator-sublabel);

  font-size: var(--swm-paginator-sublabel-font-size);
  text-transform: var(--swm-paginator-sublabel-text-transform);
}

.paginationSublabel {
  display: flex;
  align-items: center;
}

.paginationNext {
  flex-direction: row-reverse;
}

.paginationPrevious {
  justify-content: flex-start;
}

.paginationArrow {
  display: flex;
  align-items: center;
  justify-content: center;
}

.paginationNext .paginationArrow {
  margin-left: 12px;
  margin-right: 6px;
}

.paginationPrevious .paginationArrow {
  margin-left: 6px;
  margin-right: 12px;
}

/* Main class for label, used by Docusaurus. */
[class*='pagination-nav__label'] {
  color: var(--swm-paginator-label);
  transition: color 0.25s;

  font-size: var(--swm-paginator-label-font-size);
  font-weight: var(--swm-paginator-label-font-weight);
}

.pagination:hover [class*='pagination-nav__label'] {
  color: var(--swm-paginator-label-hover);
}

/* Remove arrows from labels that are being added by default by Docusaurus. */
[class*='pagination-nav__label']:before,
[class*='pagination-nav__label']:after {
  content: none !important;
}
